<!doctype html>
<html lang="zh-CN">
<head>
    {% load static %}
    <!-- 必须的 meta 标签 -->
    <meta charset="utf-8">
    <link rel="icon" href="{% static 'img/tubiao.jpg' %}" type="image/x-icon">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- Bootstrap 的 CSS 文件 -->
    <link href="{% static  'bootsrap/css/bootstrap.min.css' %}" rel="stylesheet">
    <script src="{% static 'bootsrap/js/bootstrap.bundle.min.js' %}"></script>


    <title>在线学习系统</title>

    <style type="text/css">

    </style>
</head>

{% load static %}
<body class="text-center" background="{% static 'img/background.jpg' %}" style=" background-repeat:no-repeat ;background-size:100% 100%;
background-attachment: fixed;background-image: linear-gradient(to right top, #d16ba5, #c777b9, #ba83ca, #aa8fd8, #9a9ae1, #8aa7ec, #79b3f4, #69bff8, #52cffe, #41dfff, #46eefa, #5ffbf1);">
<div class="row"
     style="margin-top: 60px;">

    <div class="col-4 offset-4"
         style="background-color: white;border-radius: 30px;padding: 30px 30px 10px 30px;opacity: 0.9">
        <form action="{% url 'login' %}" method="post">
            {% csrf_token %}
            {#            <img class="mb-4" src="{% static 'img/tubiao.jpg' %}" alt="" width="75" height="75">#}
            <br>
            <h1 class="h3 mb-3 fw-normal">登录</h1>
            <br>
            <br>

            <div style="color: red;font-size: 14pt;">{{ msg }}</div>
            <div class="form-floating">
                <input required name="name" class="form-control" id="floatingInput" placeholder="email">
                <label for="floatingInput">&emsp;请输入用户名</label>
            </div>
            <div class="form-floating">
                <input required name="pswd" type="password" class="form-control" id="floatingPassword" placeholder="Password">
                <label for="floatingPassword">&emsp;请输入密码</label>
            </div>
            <br>

            <button class="w-100 btn btn-lg btn-primary" type="submit">登录</button>

            <a href="/register/" class="w-100 btn btn-lg btn-light" type="submit" style="margin-top: 15px">注册</a>
            <p class="mt-5 mb-3 text-muted">&copy; 在线投票系统</p>
        </form>
    </div>

</div>

</body>


</html>